<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
    <script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
    </head>
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Project name</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
        <div class="container">
            <div class="row-fluid">
                <div class="span3">
                <div class="well sidebar-nav">
                    <ul class="nav nav-list">
                        <li class="nav-header">Navigation 1</li>
                        <li><a href="#">Nav Link</a></li>
                        <li><a href="#">Nav Link</a></li>
                        <li><a href="#">Nav Link</a></li>
                        <li class="nav-header">Navigation 2</li>
                        <li><a href="#">Nav Link</a></li>
                        <li><a href="#">Nav Link</a></li>
                        <li><a href="#">Nav Link</a></li>
                    </ul>
                </div>
                
            </div>
            <div class="span9">
            <div class="hero-unit"><h1>Hello World</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus justo et orci molestie ornare dignissim in metus. Donec erat dui, pretium eget tristique nec, euismod et purus. Sed vitae porttitor ligula. Cras nec orci ante, sit amet eleifend tellus. Curabitur gravida, arcu id luctus facilisis, leo erat blandit sapien, sed pretium metus tellus a lorem. Phasellus dictum, turpis vulputate molestie viverra, arcu tortor bibendum velit, sit amet interdum dui ante sit amet lectus. Nulla id tortor a enim elementum condimentum a sit amet risus.</p>    
        </div>
            <div class="row-fluid">
                <div class="span4">
                    <h2>Header</h2>
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus justo et orci molestie ornare dignissim in metus. Donec erat dui, pretium eget tristique nec, euismod et purus. Sed vitae porttitor ligula. Cras nec orci ante, sit amet eleifend tellus. Curabitur gravida, arcu id luctus facilisis, leo erat blandit sapien, sed pretium metus tellus a lorem. Phasellus dictum, turpis vulputate molestie viverra, arcu tortor bibendum velit, sit amet interdum dui ante sit amet lectus. Nulla id tortor a enim elementum condimentum a sit amet risus.</p>    
      </div>
                <div class="span4">
                    <h2>Header</h2>
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus justo et orci molestie ornare dignissim in metus. Donec erat dui, pretium eget tristique nec, euismod et purus. Sed vitae porttitor ligula. Cras nec orci ante, sit amet eleifend tellus. Curabitur gravida, arcu id luctus facilisis, leo erat blandit sapien, sed pretium metus tellus a lorem. Phasellus dictum, turpis vulputate molestie viverra, arcu tortor bibendum velit, sit amet interdum dui ante sit amet lectus. Nulla id tortor a enim elementum condimentum a sit amet risus.</p>    
      </div>
                <div class="span4">
                    <h2>Header</h2>
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus justo et orci molestie ornare dignissim in metus. Donec erat dui, pretium eget tristique nec, euismod et purus. Sed vitae porttitor ligula. Cras nec orci ante, sit amet eleifend tellus. Curabitur gravida, arcu id luctus facilisis, leo erat blandit sapien, sed pretium metus tellus a lorem. Phasellus dictum, turpis vulputate molestie viverra, arcu tortor bibendum velit, sit amet interdum dui ante sit amet lectus. Nulla id tortor a enim elementum condimentum a sit amet risus.</p>    
      </div>
            </div>
            </div>
            </div>
            
        </div>
        
        <script src="js/bootstrap.js"></script>
    </body>
</html>
